// createRouter: 方法 用来调用生成router实例对象
// createWebHashHistory: 方法 用来调用生成hash模式的路由对象

import { createRouter, createWebHashHistory } from 'vue-router'

const routes = [
  // 配置路由
  {
    path: '/login',
    component: () => import('@/views/Login')
  },
  {
    path: '/',
    component: () => import('@/views/Layout'),
    children: [
      {
        path: '', // ? 如果二级路由的path为空串的时候 当前的二级路由将作为默认二级路由显示
        component: () => import('@/views/Home')
      },
      {
        path: '/category/:id',
        component: () => import('@/views/Category')
      },
      {
        path: '/goods/:id',
        component: () => import('@/views/Good')
      },
      {
        path: 'cartlist',
        component: () => import('@/views/CartList')
      }
    ]
  }
]

// 实例化
const router = createRouter({
  history: createWebHashHistory(), // 注册history选项 为hash模式
  routes // 配置路由path和component对应关系
})

export default router
